.search11 {
 position: relative;
}
#searchInput {
 width: 400px;
 padding: 10px;
 border: 1px solid #ccc;
}

#suggestions {
 list-style-type: none;
 padding: 0;
 margin: 0;
 position: absolute;
 top: 100%;
 left: 605px;
 width: 390px;
 background-color: rgba(246, 243, 243, 0.973);
 border: 0px solid transparent;
 border-top: none;
 z-index: 100;
 color: #000;
 border-radius: 10px;
 
}

#suggestions {
    max-height: 200px;      /* 最大高度 */
    overflow-y: auto;       /* 垂直滚动条 */
    -webkit-overflow-scrolling: touch; /* 优化移动端滚动 */
    scrollbar-width: thin;  /* 细滚动条（Firefox） */
    scrollbar-color: #888 transparent; /* 滚动条颜色 */
  }
  
  /* 自定义滚动条样式（Chrome/Safari） */
  #suggestions::-webkit-scrollbar {
    width: 6px;
  }
  #suggestions::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 3px;
  }

#suggestions li {
 padding: 10px;
 cursor: pointer;
}

#suggestions li:hover {
 background-color: #f0f0f0;
}

.hidden {
 display: none;
}



img{
    width:50px;
    height:50px;
}
